<template>
  <div>
    御剑乘风来,除魔天地间!===APP==={{model}}
    <hr />
    <!-- v-model===>自定义的v-model 跟表单的v-model没有关系 -->
    <!-- 组件和组件之间的双向绑定  一个组件身上的v-model只能使用一次 -->
    <modelCom v-model='app' @handelF='handelF'></modelCom>
  </div>
</template>
<script>
import modelCom from './model/modelCom.vue'
export default {
  components: { modelCom },
  name: '',
  data () {
    return {
      app:'我是app数据',
      model:''

    }
  },
  created () {
  },
  computed: {
  },
  methods: {
    handelF(e){
      this.model=e

    }
  }
}
</script>
<style lang='less'  scoped>
</style>
